﻿<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS3科技感环形菜单动画特效 - 站长素材</title>

<link rel="stylesheet" type="text/css" href="static/css/index.css">

</head>
<body>
<div class="nav-bak-inner">
	<div class="nav-item"><span class="nav-text">菜单一</span>
		<div class="nav-link">
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接一1</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接一2</span></div></div>
		</div>
	</div>
	<div class="nav-item"><span class="nav-text">菜单二</span>
		<div class="nav-link">
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接二1</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接二2</span></div></div>
		</div>
	</div>
	<div class="nav-item"><span class="nav-text">菜单三</span>
		<div class="nav-link">
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接三1</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接三2</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接三3</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接三4</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接三5</span></div></div>
		</div>
	</div>
	<div class="nav-item"><span class="nav-text">菜单四</span>
		<div class="nav-link">
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接四1</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接四2</span></div></div>
		</div>
	</div>
	<div class="nav-item"><span class="nav-text">菜单五</span>
		<div class="nav-link">
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接五1</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接五2</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接五3</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接五4</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接五5</span></div></div>
		</div>
	</div>		
	<div class="nav-center"></div>
</div>

<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>来源：<a href="http://sc.chinaz.com/" target="_blank">站长素材</a></p>
</div>
</body>
</html>
